
<template>
  <div>
    <p class="introduct-title">{{ data.title || '' }}</p>
    <div class="introduct-img" v-if="data.img">
      <imageBox :src="data.img"
        :alt="data.title" fit="contain"/>
    </div>
  </div>
</template>
<script>
import imageBox from '@/components/image-box'
export default {
  components: {
    imageBox
  },
  props: {
    data: {
      type: Object,
      default () {
        return {
          img: '',
          title: ''
        }
      }
    }
  }
}
</script>
